import React from 'react'
import { ResultPage, Card } from 'antd-mobile'
import { Avatar } from 'antd-mobile'
import { List, Switch } from 'antd-mobile'
import {
  UnorderedListOutline,
  PayCircleOutline,
  SetOutline,
  ArrowsAltOutline,
} from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'
function Index() {
  let token=localStorage.getItem('token')
  let nav=useNavigate()
  return (
    <div>
   
      <ResultPage
      status=''
      title={token?<Avatar src={localStorage.getItem('pic')}/>:<Avatar src=''/>}
      description={token?localStorage.getItem('tel'):<div onClick={()=>nav('/login')}>去登录</div>}
    >
      <ResultPage.Card style={{padding: 8 }}>
      <List>
        <List.Item prefix={<UnorderedListOutline />} onClick={() => {}}>
          账单
        </List.Item>
        <List.Item prefix={<PayCircleOutline />} onClick={() => {}}>
          总资产
        </List.Item>
        <List.Item prefix={<SetOutline />} onClick={() => {}}>
          设置
        </List.Item>
      </List>
      </ResultPage.Card>

   
    </ResultPage>
    </div>
    
  )
}

export default Index
